<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>唯一官方认定中科大家教平台</title>
    <meta name="keywords" content="家教,中科大,科大,家教中介,平台,超老师,名校家教 ">
    <meta name="description" content="超老师家教平台是中国科学技术大学辅导中心唯一官方指定平台，专为中小学家长朋友们提供优质的科大家教服务。
我们对平台的每一位老师负责，为老师教授的每一位学生负责，为老师讲授的每一节课负责。我们全程跟进教学、深度参与教学与质量检测。严把质量关，力求教学效果最大化，让孩子在最短的时间，有最大的进步！​‌‌">
    <meta name="viewport" content="width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./teachdetail.less">
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
    <link rel="import" href="../common/header.html?__inline">
    <div class="teachdetail clearfix">
        <div class="main">
            <div class="head">
                <img class="avatar" src="__ROOT__/upload/{$data.avatar}" alt="">
                <h1 class="name">{$data.relname}</h1>
                <p class="course">授课科目：<span>{$data.lesson}</span></p>
                <p class="grade">授课年级： <span>{$data.grade}</span></p>
                <p class="school">就读<span>{$data.school}</span>高考成绩：<span>{$data.score}</span></p>
            </div>
            <div class="box" id="desc">
                <div class="til">
                    <div class="line"></div>
                    <p>个人描述</p>
                    <div class="line"></div>
                </div>
                <p>
                    {$data.description}
                </p>
            </div>
            <div class="box" id="teacdes">
                <div class="til">
                    <div class="line"></div>
                    <p>家教经验</p>
                    <div class="line"></div>
                </div>
                <p>
                    {$data.tutor_experience}
                </p>
            </div>

            <div class="box" id="expr">
                <div class="til">
                    <div class="line"></div>
                    <p>个人经验</p>
                    <div class="line"></div>
                </div>
                <p>
                    {$data.person_experience}
                </p>
            </div>
            <div class="box" id="time">
                <div class="til">
                    <div class="line"></div>
                    <p>空闲时间</p>
                    <div class="line"></div>
                </div>
                <div class="row timetable timetable-preview">
                    <div class="col-md-12">
                       <div id="schedule">
                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;">
                               <a class="btn btn-hover-success">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">上午</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">下午</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">晚上</div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Mon">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周一</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success morning <?php if($date[0]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success afternoon <?php if($date[0]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success night <?php if($date[0]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Tue">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周二</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success <?php if($date[1]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success <?php if($date[1]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success <?php if($date[1]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Wed">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周三</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success morning <?php if($date[2]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success afternoon <?php if($date[2]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success night <?php if($date[2]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Thu">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周四</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success morning <?php if($date[3]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success afternoon <?php if($date[3]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success night <?php if($date[3]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Fri">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周五</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success morning <?php if($date[4]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success afternoon <?php if($date[4]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success night <?php if($date[4]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Sat">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周六</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success morning <?php if($date[5]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success afternoon <?php if($date[5]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success night <?php if($date[5]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>

                           <div class="btn-group btn-group-justified btn-group-sm" style="width:100%;" id="Sun">
                               <a class="btn btn-hover-success day btn-title">
                                   <div class="btn-wrapper">
                                       <div class="label-block">周日</div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success morning <?php if($date[6]['morning']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success afternoon <?php if($date[6]['afternoon']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                               <a class="btn btn-hover-success night <?php if($date[6]['night']==1) echo 'btn-active'; ?>">
                                   <div class="btn-wrapper">
                                       <div class="label-block"></div>
                                   </div>
                               </a>
                           </div>
                       </div>
                    </div>
                </div>
                <p>带有蓝色标记的是该教员的空闲时间。</p>
            </div>
        </div>
        <div class="aside">
            <div class="head">
                <div>
                    <img src="../common/resource/peixun.png" alt="" width="30px" height="30px">
                    <p>培训认证</p>
                </div>
            </div>
            <div class="wrap" id="tab">
                <div class="active"><a href="#desc"><i class="iconfont">&#xe60e;</i><span>个人信息</span></a></div>
                <div><a href="#teacdes"><i class="iconfont">&#xe610;</i><span>家教经验</span></a></div>
                <div><a href="#expr"><i class="iconfont">&#xe60f;</i><span>个人经历</span></a></div>
                <div><a href="#time"><i class="iconfont">&#xe60d;</i><span>空闲时间</span></a></div>
            </div>
            <a href="javascript:;"  class="long_click" data-id="{$data.user_id}"><i class="iconfont">&#xe60d;</i>立即预约</a>
        </div>
    </div>
    <script>
        var id = '<?php echo session('id');?>';
    </script>
    <link rel="import" href="../common/footer.html?__inline">
    <script type="text/javascript" src="./teachdetail.js"></script>
</body>
</html>
